<template>
  <div>
    <el-row class="top">
      <top></top>
    </el-row>
    <el-row class="aside">
      <el-col span = '4'>
        <M id="side-menu"></M>
      </el-col>
      <el-col span="18" style="margin: 15px; border: 1px solid #ccc;border-radius:15px;background-color: #ffffff; ">
        <mianbao></mianbao>
        <div id="main">
          <div>
            <manage_index></manage_index>
          </div>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import M from '@/components/common/M'
import top from '@/components/common/Top'
import mianbao from '@/components/common/mianbao'
import manage_index from '@/components/table/manage_index'
export default {
  name: 'Manage',
  components: {M, top, mianbao, manage_index}
}
</script>

<style scoped>
.el-row{
  height: 80px;
}
.el-row.aside{
  background: #EBEEF5;
  height: 800px;
}
#main{
  position: relative;
  top: 40px;
  left: 40px;
  width: 1200px;
  height: 600px;
  padding:15px;
}
#side-menu{
  margin: 15px;
  border:1px solid #ccc;
  border-radius: 20px;
  overflow: hidden;
}
.top{
  background: url("../assets/top.png") repeat;
}
</style>
